<template>
  <div class="tabbar">
    <router-view></router-view>
    <div class="footer">
      <ul>
          <li v-show='pxShow' :class="tobarClass">
            <router-link to="/Hello">
            <div class="train"></div>
            <p>{{pxText}}</p>
            </router-link>
          </li>
          <li v-show='tzShow' :class="tobarClass">
            <router-link to="/notice">
            <div class="notice"></div>
            <p>通知</p>
            </router-link>
          </li>
        <li :class="tobarClass">
          <router-link :to="ddUrl">
          <div class="pointto"></div>
          <p>点到</p>
          </router-link>
        </li>
        <li :class="tobarClass">
          <router-link to="mine">
          <div class="mine"></div>
          <p>我的</p>
          </router-link>
        </li>
      </ul>
    </div>
  </div>
</template>

<style lang="scss" src='./tabbar.scss'></style>
<script src="./tabbar.js"></script>
